<template>
  <div class="cart-list">
      <div>
        <cart-list-item v-for="item in cartList" :key="item.iid" :item-info="item"></cart-list-item>
      </div>
  </div>
</template>

<script>


  import CartListItem from './CartListItem'


  export default {
    name: "CartList",
    components: {
      CartListItem
    },
    computed:{
        cartList (){
        return  this.$store.state.cartList
        } 
    }
  }
</script> 

<style scoped>
  .cart-list {
    height: calc(100% - 44px - 49px);
  }
</style>